@import "./variables";

@mixin color-96 {
  color:#999696;
}
@mixin color-f6 {
  color:#f66;
}
@mixin color-66 {
  color:#666464;
}

.ds-box{
    display:-webkit-box;
    display:box;
}
.flex-y{@include flex-y;}
.mb10{margin-bottom:r(10)}
.hide{display:none;}
.fixed-btn{
  font-size: r(20);
  line-height: r(49);
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  background-color: #f66;
}
.cm-flex{
  -webkit-box-flex: 1;
  box-flex: 1;
}
h2,h3,h4,h5,h6{font-weight: normal;}

//重置弹窗操作按钮的风格样式
.ui-modal-footer{
      // padding:0 r(5);
      @include borderTop($color:#edeeee);
}
.ui-modal-footer .ui-button {
  background-color:transparent ;
  border:0;
  font-size:r(17);
  @include color-96;
  &:active,&:hover{
    background-color:#d8d8d8 ;
    border-color:#d8d8d8 ;
  }
}

.ui-cell + .ui-cell:before{
    border-color:#eff5fe;
}
.ui-modal-footer button + button{
  margin:0;
  @include borderLeft($color:#edeeee);
}
.ui-modal-footer .ui-button.theme-success{
  background-color:transparent;
  border-color:transparent;
  color:#046EB7;
}
.ui-modal-header{
  border:0;
  @include borderBottom($color:#e6e6e6);
}
.ui-panel-body{
  border:none;
  padding-top:r(1);
  padding-bottom:r(1);
  @include border($left:0,$right:0,$color:#eff5fe);
}
.ui-cell-explain{
  padding:0;
}
.empty-msg{
  text-align:center;padding:r(20) 0;
  background-color:#fefefe;
  @include borderBottom($color:#e6e6e6);
}
/* .ui-switch.checked{
    border: 1px solid #117d90;
    background-color: #117d90;
} */

/*
  * 移动端1px描边解决方案
*/
/*retain 1px border start retainbt上描边，retainbb下描边，retainbl左描边，retainbr右描边，retainb四周描边*/
.retainbt,.retainbb,.retainbl,.retainbr,.retainb {
	position: relative;
	position: relative !important
}

.retainbt:before,.retainbb:after {
	pointer-events: none;
	position: absolute;
	content: "";
	height: 1px;
	background: #EFF5FE;
	left: 0;
	right: 0
}

.retainbt:before {
	top: 0
}

.retainbb:after {
	bottom: 0
}

.retainbl:before,.retainbr:after {
	pointer-events: none;
	position: absolute;
	content: "";
	width: 1px;
	background: #EFF5FE;
	top: 0;
	bottom: 0
}

.retainbl:before {
	left: 0
}

.retainbr:after {
	right: 0
}

.retainb:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	pointer-events: none
}

@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution: 144dpi),(min-resolution:1.5dppx) {
	.retainbt:before,.retainbb:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}

	.retainbl:before,.retainbr:after {
		-webkit-transform: scaleX(.5);
		transform: scaleX(.5)
	}

	.retainb:after {
		width: 200%;
		height: 200%;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	.retainbt:before,.retainbl:before,.retainb:after {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.retainbb:after,.retainbr:after {
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%
	}
}

@media (-webkit-device-pixel-ratio:1.5) {
	.retainbt:before,.retainbb:after {
		-webkit-transform: scaleY(.6666);
		transform: scaleY(.6666)
	}

	.retainbl:before,.retainbr:after {
		-webkit-transform: scaleX(.6666);
		transform: scaleX(.6666)
	}

	.retainb:after {
		width: 150%;
		height: 150%;
		-webkit-transform: scale(.6666);
		transform: scale(.6666)
	}
}

@media (-webkit-device-pixel-ratio:3) {
	.retainbt:before,.retainbb:after {
		-webkit-transform: scaleY(.3333);
		transform: scaleY(.3333)
	}

	.retainbl:before,.retainbr:after {
		-webkit-transform: scaleX(.3333);
		transform: scaleX(.3333)
	}

	.retainb:after {
		width: 300%;
		height: 300%;
		-webkit-transform: scale(.3333);
		transform: scale(.3333)
	}
} 